<template>
	<div class="newhome">
		<HeaderTop></HeaderTop>
		<div class="nh-container">
			<div class="nav">
				<router-link to="/newhome/shehui" tag="span">社会|</router-link>
				<router-link to="/newhome/guonei" tag="span">国内|</router-link>
				<router-link to="/newhome/yule" tag="span">娱乐|</router-link>
				<router-link to="/newhome/junshi" tag="span">军事|</router-link>
				<router-link to="/newhome/keji" tag="span">科技|</router-link>
				<router-link to="/newhome/caijin" tag="span">财经|</router-link>
				<router-link to="/newhome/shisheng" tag="span">时尚|</router-link>
			</div>
		</div>
		<keep-alive>
			<router-view></router-view>
		</keep-alive>
	</div>
</template>

<script>
	import { getNew } from '../libs/getData.js'
	import HeaderTop from '../components/HeaderTop.vue'
	export default {
		name: 'NewHome',
		components:{
			HeaderTop
		},
		data(){
			return {
				
			}
		},
		mounted(){
			// console.log( getNew('tiyu') )
			// getNew('tiyu')
		}
		
	}
</script>

<style lang="less" scoped="scoped">
	.nh-container{
		padding-top: .44rem;
	}
	.nav{
		width: 100%;
		height: .38rem;
		line-height: .38rem;
		display: flex;
		justify-content: space-around;
		position: fixed;
		top: .44rem;
		left: 0rem;
		background-color: #C6C5D9;
		span{
			font-size: .18rem;
		}
	}
</style>
